<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'left.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
		<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 100%;
}

.STYLE2 {
	color: #43860c;
	font-size: 12px;
}

a:link {
	font-size: 12px;
	text-decoration: none;
	color: #06527d;
}

a:visited {
	font-size: 12px;
	text-decoration: none;
	color: #43860c;
}

a:hover {
	font-size: 12px;
	text-decoration: none;
	color: #FF0000;
}

.menuClick {
	cursor: pointer;
}

/*
一级菜单标题
*/
.menuClick td {
	text-align: center;
	font-weight: bold;
	color: #633;
}

.menuContent {
	display: none;
}

.scrollDiv {
	overflow: auto;
	overflow-x: hidden;
}
-->
</style>
		<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
		<script type="text/javascript" src="js/navigate.js"></script>
		<script type="text/javascript">
$(document).ready(function () {
	var lastClickObj=null;//保存最近一次点击过的jQuery对象
	var menuCount=5;//一级菜单个数，包括顶部提示横条
	var menuHeight=26;//宏定义每个一级菜单高度
	var openOrClosed=0;//关联菜单开张状态
	var pageH=pageHeight()-menuCount*menuHeight-4;//计算出二级菜单可伸展高度
	$('.menuClick').click(function(){
		if(openOrClosed==0){
			//点击过的一级菜单反色显示
			$(this).children().attr("background","images/clickIn.gif");
			//显示二级菜单
			$(this).next().show();
			if($(this).next().children().children(".scrollDiv").height()>pageH)
				$(this).next().children().children(".scrollDiv").css({height:pageH});
			if(lastClickObj!=null){
				//隐藏二级菜单
				lastClickObj.next().hide();
				//点击过的一级菜单反色显示
				lastClickObj.children().attr("background","images/clickOut.gif");
			}
			//标记状态
			openOrClosed=1;
		}else{			
			if(lastClickObj!=null){
				//隐藏二级菜单
				lastClickObj.next().hide();
				//点击过的一级菜单反色显示
				lastClickObj.children().attr("background","images/clickOut.gif");
			}
			//显示二级菜单
			$(this).next().show();
			//点击过的一级菜单反色显示
			$(this).children().attr("background","images/clickIn.gif");
			if($(this).next().children().children(".scrollDiv").height()>pageH)
				$(this).next().children().children(".scrollDiv").css({height:pageH});	
			//标记状态
			openOrClosed=0;		
		}
		//记录jQuery对象
		lastClickObj=$(this);	
	});
	//获取当前页面高度，须引入jQuery库
	function pageHeight(){ 
		if($.browser.msie){ 
			return document.compatMode == "CSS1Compat"? document.documentElement.clientHeight : 
			document.body.clientHeight; 
			}else{ 
			return self.innerHeight; 
	 	} 
	}
});
</script>

  </head>
  
  <body onload="MM_preloadImages('images/main_26_1.gif','images/main_29_1.gif','images/main_31_1.gif')">
		<table width="177" height="100%" border="0" cellpadding="0" cellspacing="0">
			<tr>
				<td valign="top">
					<table width="100%" border="0" cellspacing="0" cellpadding="0"
						style="table-layout: fixed">
						<!-- 
						<tr>
							<td style="line-height: 4px; background: url(images/main_38.gif)">
								&nbsp;
							</td>
						</tr>
						 -->
						<tr>
							<td height="26" background="images/main_21.gif">
								&nbsp;
							</td>
						</tr>
						<tr class="menuClick">
							<td height="26" background="images/clickOut.gif">
								值班管理
							</td>
						</tr>
						<tr class="menuContent">
							<td
								style="background-image: url(images/main_23.gif); background-repeat: repeat-x; padding-top: 5px;">
								<div class="scrollDiv">
									<table width="98%" border="0" align="center" cellpadding="0"
										cellspacing="0">
										<tr>
											<td height="45">
												<div align="center">
													<a href="#"><img src="images/main_26.gif" name="Image1"
															width="40" height="40" border="0" class="xxjb"
															onmouseover="MM_swapImage('Image1','','images/main_26_1.gif',1)"
															onmouseout="MM_swapImgRestore()" /> </a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="25">
												<div align="center" class="STYLE2">
													<a href="#" class="xxjb">信息接报</a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="45">
												<div align="center">
													<a href="#"><img src="images/main_26.gif" name="Image1"
															width="40" height="40" border="0" class="yagl"
															onmouseover="MM_swapImage('Image1','','images/main_26_1.gif',1)"
															onmouseout="MM_swapImgRestore()" /> </a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="25">
												<div align="center" class="STYLE2">
													<a href="#" class="yagl">预案管理</a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="45">
												<div align="center">
													<a href="#"><img src="images/main_26.gif" name="Image1"
															width="40" height="40" border="0" class="txl"
															onmouseover="MM_swapImage('Image1','','images/main_26_1.gif',1)"
															onmouseout="MM_swapImgRestore()" /> </a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="25">
												<div align="center" class="STYLE2">
													<a href="#" class="txl">通讯录</a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="45">
												<div align="center">
													<a href="#"><img src="images/main_26.gif" name="Image1"
															width="40" height="40" border="0" class="zbgl"
															onmouseover="MM_swapImage('Image1','','images/main_26_1.gif',1)"
															onmouseout="MM_swapImgRestore()" /> </a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="25">
												<div align="center" class="STYLE2">
													<a href="#" class="zbgl">值班管理</a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="45">
												<div align="center">
													<a href="#"><img src="images/main_26.gif" name="Image1"
															width="40" height="40" border="0" class="cxtj"
															onmouseover="MM_swapImage('Image1','','images/main_26_1.gif',1)"
															onmouseout="MM_swapImgRestore()" /> </a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="25">
												<div align="center" class="STYLE2">
													<a href="#" class="cxtj">查询统计</a>
												</div>
											</td>
										</tr>
									</table>
								</div>
							</td>
						</tr>


						<tr class="menuClick">
							<td height="26" background="images/clickOut.gif">
								应急处置
							</td>
						</tr>
						<tr class="menuContent">
							<td
								style="background-image: url(images/main_23.gif); background-repeat: repeat-x; padding-top: 5px;">
								<div class="scrollDiv">
									<table width="98%" border="0" align="center" cellpadding="0"
										cellspacing="0">
										<tr>
											<td height="45">
												<div align="center">
													<a href="#"><img src="images/main_26.gif" name="Image1"
															width="40" height="40" border="0" class="wdsj"
															onmouseover="MM_swapImage('Image1','','images/main_26_1.gif',1)"
															onmouseout="MM_swapImgRestore()" /> </a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="25">
												<div align="center" class="STYLE2">
													<a href="#" class="wdsj">我的事件</a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="45">
												<div align="center">
													<a href="#"><img src="images/main_26.gif" name="Image1"
															width="40" height="40" border="0" class="gqfx"
															onmouseover="MM_swapImage('Image1','','images/main_26_1.gif',1)"
															onmouseout="MM_swapImgRestore()" /> </a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="25">
												<div align="center" class="STYLE2">
													<a href="#" class="gqfx">工情分析</a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="45">
												<div align="center">
													<a href="#"><img src="images/main_26.gif" name="Image1"
															width="40" height="40" border="0" class="sjgl"
															onmouseover="MM_swapImage('Image1','','images/main_26_1.gif',1)"
															onmouseout="MM_swapImgRestore()" /> </a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="25">
												<div align="center" class="STYLE2">
													<a href="#" class="sjgl">事件关联</a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="45">
												<div align="center">
													<a href="#"><img src="images/main_26.gif" name="Image1"
															width="40" height="40" border="0" class="sjtz"
															onmouseover="MM_swapImage('Image1','','images/main_26_1.gif',1)"
															onmouseout="MM_swapImgRestore()" /> </a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="25">
												<div align="center" class="STYLE2">
													<a href="#" class="sjtz">事件通知</a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="45">
												<div align="center">
													<a href="#"><img src="images/main_26.gif" name="Image1"
															width="40" height="40" border="0" class="czjy"
															onmouseover="MM_swapImage('Image1','','images/main_26_1.gif',1)"
															onmouseout="MM_swapImgRestore()" /> </a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="25">
												<div align="center" class="STYLE2">
													<a href="#" class="czjy">处置建议</a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="45">
												<div align="center">
													<a href="#"><img src="images/main_26.gif" name="Image1"
															width="40" height="40" border="0" class="zydd"
															onmouseover="MM_swapImage('Image1','','images/main_26_1.gif',1)"
															onmouseout="MM_swapImgRestore()" /> </a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="25">
												<div align="center" class="STYLE2">
													<a href="#" class="zydd">资源调度</a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="45">
												<div align="center">
													<a href="#"><img src="images/main_26.gif" name="Image1"
															width="40" height="40" border="0" class="rwgz"
															onmouseover="MM_swapImage('Image1','','images/main_26_1.gif',1)"
															onmouseout="MM_swapImgRestore()" /> </a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="25">
												<div align="center" class="STYLE2">
													<a href="#" class="rwgz">任务跟踪</a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="45">
												<div align="center">
													<a href="#"><img src="images/main_26.gif" name="Image1"
															width="40" height="40" border="0" class="czbg"
															onmouseover="MM_swapImage('Image1','','images/main_26_1.gif',1)"
															onmouseout="MM_swapImgRestore()" /> </a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="25">
												<div align="center" class="STYLE2">
													<a href="#" class="czbg">处置报告</a>
												</div>
											</td>
										</tr>
									</table>
								</div>
							</td>
						</tr>


						<tr class="menuClick">
							<td height="26" background="images/clickOut.gif">
								资源管理
							</td>
						</tr>
						<tr class="menuContent">
							<td
								style="background-image: url(images/main_23.gif); background-repeat: repeat-x; padding-top: 5px;">
								<div class="scrollDiv">
									<table width="98%" border="0" align="center" cellpadding="0"
										cellspacing="0">
										<tr>
											<td height="45">
												<div align="center">
													<a href="#"><img src="images/main_26.gif" name="Image1"
															width="40" height="40" border="0" class="tfsj"
															onmouseover="MM_swapImage('Image1','','images/main_26_1.gif',1)"
															onmouseout="MM_swapImgRestore()" /> </a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="25">
												<div align="center" class="STYLE2">
													<a href="#" class="tfsj">突发事件</a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="45">
												<div align="center">
													<a href="#"><img src="images/main_26.gif" name="Image1"
															width="40" height="40" border="0" class="ywwk"
															onmouseover="MM_swapImage('Image1','','images/main_26_1.gif',1)"
															onmouseout="MM_swapImgRestore()" /> </a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="25">
												<div align="center" class="STYLE2">
													<a href="#" class="ywwk">一网五库</a>
												</div>
											</td>
										</tr>
									</table>
								</div>
							</td>
						</tr>


						<tr class="menuClick">
							<td height="26" background="images/clickOut.gif">
								系统配置
							</td>
						</tr>
						<tr class="menuContent">
							<td
								style="background-image: url(images/main_23.gif); background-repeat: repeat-x; padding-top: 5px;">
								<div class="scrollDiv">
									<table width="98%" border="0" align="center" cellpadding="0"
										cellspacing="0">
										<tr>
											<td height="45">
												<div align="center">
													<a href="#"><img src="images/main_26.gif" name="Image1"
															width="40" height="40" border="0" class="yhgl"
															onmouseover="MM_swapImage('Image1','','images/main_26_1.gif',1)"
															onmouseout="MM_swapImgRestore()" /> </a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="25">
												<div align="center" class="STYLE2">
													<a href="#" class="yhgl">用户管理</a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="45">
												<div align="center">
													<a href="#"><img src="images/main_26.gif" name="Image1"
															width="40" height="40" border="0" class="jsgl"
															onmouseover="MM_swapImage('Image1','','images/main_26_1.gif',1)"
															onmouseout="MM_swapImgRestore()" /> </a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="25">
												<div align="center" class="STYLE2">
													<a href="#" class="jsgl">角色管理</a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="45">
												<div align="center">
													<a href="#"><img src="images/main_26.gif" name="Image1"
															width="40" height="40" border="0" class="pzgl"
															onmouseover="MM_swapImage('Image1','','images/main_26_1.gif',1)"
															onmouseout="MM_swapImgRestore()" /> </a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="25">
												<div align="center" class="STYLE2">
													<a href="#" class="pzgl">配置管理</a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="45">
												<div align="center">
													<a href="#"><img src="images/main_26.gif" name="Image1"
															width="40" height="40" border="0" class="xtqx"
															onmouseover="MM_swapImage('Image1','','images/main_26_1.gif',1)"
															onmouseout="MM_swapImgRestore()" /> </a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="25">
												<div align="center" class="STYLE2">
													<a href="#" class="xtqx">系统权限</a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="45">
												<div align="center">
													<a href="#"><img src="images/main_26.gif" name="Image1"
															width="40" height="40" border="0" class="xtrz"
															onmouseover="MM_swapImage('Image1','','images/main_26_1.gif',1)"
															onmouseout="MM_swapImgRestore()" /> </a>
												</div>
											</td>
										</tr>
										<tr>
											<td height="25">
												<div align="center" class="STYLE2">
													<a href="#" class="xtrz">系统日志</a>
												</div>
											</td>
										</tr>
									</table>
								</div>
							</td>
						</tr>
						<tr>
							<td style="line-height: 4px; background: url(images/main_38.gif)">
								&nbsp;
							</td>
						</tr>

					</table>
				</td>
			</tr>
		</table>
	</body>
</html>
